{extends file="./main.tpl"}
{block name=head}
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<style type="text/css" title="currentStyle">
		@import "./media2/css/demo_page.css"; 
		@import "./media2/css/demo_table.css";
	</style>
	<script type="text/javascript" language="javascript" src="./media2/js/jquery.js"></script>
	<script type="text/javascript" language="javascript" src="./media2/js/jquery.dataTables.js"></script>
	<script type="text/javascript" charset="utf-8">
		$(document).ready(function() {
			oTable = $('.dataTable').dataTable({
				"bJQueryUI": false,
	      "sPaginationType": "full_numbers",
	      "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
	      "bPaginate": true,
		    "bLengthChange": true
				});
		} );
	</script>
	<script type="text/javascript">
	function myFunction()
	{
	  if(confirm("You Want To Remove This Record")== true)
		{
			return true;
		}
		else
		{
			return false;
		}
	}
	</script>
	{/block}
{block name=body}
<body id="dt_example">
    <script type="text/javascript">
      (function()
      {
        var bsa = document.createElement('script');
        bsa.type = 'text/javascript';
        bsa.async = true;
        bsa.src = '//s3.buysellads.com/ac/bsa.js';
       (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
      })();
    </script>
		<br /><br /><br /><br /><br /><br /><br /><br /><br />  
		<div id="container">
		  <p align="center" style="font-weight: bold;">Party Master</p>
			<div id="demo_trident">
				<table cellpadding="0" cellspacing="0" border="0" class="display dataTable" id="allan">
					<thead>
						<tr>
							<th>Name</th>
							<th>Firm Name</th>
							<th>Address</th>
							<th>Telephone</th>
							<th>Mobile No</th>
							<th>Remarks</th>
						</tr>
					</thead>
					<tbody>
						{section name="sec" loop=$partyArray}
							<tr>
								<td align="center">{$partyArray[sec].name}</td>
								<td align="center">{$partyArray[sec].firmName}</td>
								<td align="center">{$partyArray[sec].address}</td>
								<td align="center">{$partyArray[sec].telNo}</td>
								<td align="center">{$partyArray[sec].mobileNo}</td>
								<td align="center">{$partyArray[sec].remarks}</td>
							</tr>
						{/section}
					</tbody>
				</table>
      </div>
      <div class="clear"></div><br />
      <hr />
      
      
			<p align="center" style="clear:both; margin-top:4em; font-weight: bold;">Party Detail</p>
			<div id="demo_gecko">
				<table cellpadding="0" cellspacing="0" border="0" class="display dataTable">
					<thead>
						<tr>
							<th>&nbsp;</th>
							<th>From</th>
							<th>To</th>
							<th>Item</th>
							<th>Rate</th>
							<th>Rate With Bill</th>
						</tr>
					</thead>
					<tbody>
						{section name="sec" loop=$partyDetailArray}
							<tr>
								<td align="center"><a href="partyDetailDelete.php?partyDetailId={$partyDetailArray[sec].partyDetailId}" onclick="return myFunction();" class="link"> <img src="./images/deleteIco.png"></a></td>
								<td align="center">{$partyDetailArray[sec].fromName}</td>
								<td align="center">{$partyDetailArray[sec].toName}</td>
								<td align="center">{$partyDetailArray[sec].item}</td>
								<td align="center">{$partyDetailArray[sec].rate}</td>
								<td align="center">{$partyDetailArray[sec].rateWithBill}</td>
							</tr>
						{/section}
				  </tbody>
				</table>
			</div>
			<div class="clear"></div>
			<div class="spacer"></div>
			<hr />
		</div>
  </body>
<br /> <br />
{/block}